.item{
    min-height: 40px !important;
    padding-block: 0 !important;
    .list{
        // padding-block: 2px;
        span:nth-child(1){
            line-height: 1.2;
        }
        span:nth-child(2){
            line-height: 1.2;
        }
    }
}

.r-suggest {
    position: relative;
    // width: 300px;
    :deep(.j-input-txt) {
        padding-inline-start: 28px;
        height: 30px;
    }
    .s-img {
        position: absolute;
        left: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 12px;
        height: 12px;
        background: url("./imgs/sous.png") no-repeat center;
        background-size: contain;
    }
    .loading{
        position: absolute;
        top: 35%;
        right: -15px;
    }
}

.inp-all{
    scroll-behavior: smooth;
    user-select: none;
}

.y-chip{
    padding-inline: 15px;
}

.v-list-item{
    border-bottom: none !important;
}

:deep(.j-input-txt) {
    background-color: transparent !important;
    color: #fff !important;
    border-color: #424951 !important;
    &::placeholder {
        color: #eaecef !important;
    }
    &:focus {
        border-color: var(--main) !important;
    }
}

:deep(.v-overlay__content){
    background-color: var(--card) !important;
    user-select: none;
    .entity,.token{
        // margin-block: 2px;
    }
    .v-list{
        background-color: blueviolet;
        span{
            width: 100%;
            text-wrap: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        overflow: hidden;
    }
}

.title_{
    min-height: auto !important;
    // background-color: rebeccapurple;
    border-top: 1px solid var(--border);
    padding-block: 0 !important;
    &:hover{
        background-color: transparent !important;
    }
}
.title {
    color: var(--color);
    font-size: 12px !important;
    font-weight: bold !important;
}
